<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flat UI Free</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Loading Bootstrap -->
<link href="../../dist/css/vendor/bootstrap/css/bootstrap.min.css"
	rel="stylesheet">

<!-- Loading Flat UI -->
<link href="../../dist/css/flat-ui.css" rel="stylesheet">

<link rel="shortcut icon" href="../../dist/img/favicon.ico">

<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
      <script src="../../dist/js/vendor/html5shiv.js"></script>
      <script src="../../dist/js/vendor/respond.min.js"></script>
    <![endif]-->
</head>
<body>
	<style>
body {
	padding-bottom: 20px;
	padding-top: 20px;
}

.navbar {
	margin-bottom: 20px;
}
</style>
	<div class="container">
		<h6>Forms</h6>
		<nav role="navigation" class="navbar navbar-default">
			<div class="navbar-header">
				<button data-target="#bs-example-navbar-collapse-2"
					data-toggle="collapse" class="navbar-toggle" type="button">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">Flat UI</a>
			</div>
			<div id="bs-example-navbar-collapse-2"
				class="collapse navbar-collapse">
				<form role="search" class="navbar-form navbar-left">
					<div class="form-group">
						<input type="text" placeholder="Search" class="form-control">
					</div>
					<button class="btn btn-default" type="submit">Submit</button>
				</form>
			</div>
		</nav>
		<nav role="navigation" class="navbar navbar-inverse navbar-embossed">
			<div class="navbar-header">
				<button data-target="#bs-example-navbar-collapse-3"
					data-toggle="collapse" class="navbar-toggle" type="button">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">Flat UI</a>
			</div>
			<div id="bs-example-navbar-collapse-3"
				class="collapse navbar-collapse">
				<form role="search" class="navbar-form navbar-left">
					<div class="form-group">
						<input type="text" placeholder="Search" class="form-control">
					</div>
					<button class="btn btn-default" type="submit">Submit</button>
				</form>
			</div>
		</nav>
		<nav role="navigation" class="navbar navbar-default navbar-lg">
			<div class="navbar-header">
				<button data-target="#bs-example-navbar-collapse-4"
					data-toggle="collapse" class="navbar-toggle" type="button">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">Flat UI</a>
			</div>
			<div id="bs-example-navbar-collapse-4"
				class="collapse navbar-collapse">
				<form role="search" class="navbar-form navbar-left">
					<div class="form-group">
						<input type="text" placeholder="Search" class="form-control">
					</div>
					<button class="btn btn-default" type="submit">Submit</button>
				</form>
			</div>
		</nav>
		<nav role="navigation"
			class="navbar navbar-inverse navbar-embossed navbar-lg">
			<div class="navbar-header">
				<button data-target="#bs-example-navbar-collapse-5"
					data-toggle="collapse" class="navbar-toggle" type="button">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">Flat UI</a>
			</div>
			<div id="bs-example-navbar-collapse-5"
				class="collapse navbar-collapse">
				<form role="search" class="navbar-form navbar-left">
					<div class="form-group">
						<input type="text" placeholder="Search" class="form-control">
					</div>
					<button class="btn btn-default" type="submit">Submit</button>
				</form>
			</div>
		</nav>
		<br>
		<h6>Buttons</h6>
		<nav role="navigation" class="navbar navbar-default">
			<div class="navbar-header">
				<button data-target="#bs-example-navbar-collapse-6"
					data-toggle="collapse" class="navbar-toggle" type="button">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">Flat UI</a>
			</div>
			<div id="bs-example-navbar-collapse-6"
				class="collapse navbar-collapse">
				<button class="btn btn-default navbar-btn" type="button">Sign
					in</button>
				<button class="btn btn-default navbar-btn btn-sm" type="button">Sign
					in</button>
				<button class="btn btn-default navbar-btn btn-xs" type="button">Sign
					in</button>
			</div>
		</nav>
		<nav role="navigation" class="navbar navbar-inverse navbar-embossed">
			<div class="navbar-header">
				<button data-target="#bs-example-navbar-collapse-7"
					data-toggle="collapse" class="navbar-toggle" type="button">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">Flat UI</a>
			</div>
			<div id="bs-example-navbar-collapse-7"
				class="collapse navbar-collapse">
				<button class="btn btn-default navbar-btn" type="button">Sign
					in</button>
				<button class="btn btn-default navbar-btn btn-sm" type="button">Sign
					in</button>
				<button class="btn btn-default navbar-btn btn-xs" type="button">Sign
					in</button>
			</div>
		</nav>
		<nav role="navigation" class="navbar navbar-default navbar-lg">
			<div class="navbar-header">
				<button data-target="#bs-example-navbar-collapse-8"
					data-toggle="collapse" class="navbar-toggle" type="button">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">Flat UI</a>
			</div>
			<div id="bs-example-navbar-collapse-8"
				class="collapse navbar-collapse">
				<button class="btn btn-default navbar-btn" type="button">Sign
					in</button>
				<button class="btn btn-default navbar-btn btn-sm" type="button">Sign
					in</button>
				<button class="btn btn-default navbar-btn btn-xs" type="button">Sign
					in</button>
			</div>
		</nav>
		<nav role="navigation"
			class="navbar navbar-inverse navbar-embossed navbar-lg">
			<div class="navbar-header">
				<button data-target="#bs-example-navbar-collapse-9"
					data-toggle="collapse" class="navbar-toggle" type="button">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">Flat UI</a>
			</div>
			<div id="bs-example-navbar-collapse-9"
				class="collapse navbar-collapse">
				<button class="btn btn-default navbar-btn" type="button">Sign
					in</button>
				<button class="btn btn-default navbar-btn btn-sm" type="button">Sign
					in</button>
				<button class="btn btn-default navbar-btn btn-xs" type="button">Sign
					in</button>
			</div>
		</nav>
		<br>
		<h6>Text</h6>
		<nav role="navigation" class="navbar navbar-default">
			<div class="navbar-header">
				<button data-target="#bs-example-navbar-collapse-10"
					data-toggle="collapse" class="navbar-toggle" type="button">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">Flat UI</a>
			</div>
			<div id="bs-example-navbar-collapse-10"
				class="collapse navbar-collapse">
				<p class="navbar-text">Signed in as Mark Otto</p>
			</div>
		</nav>
		<nav role="navigation" class="navbar navbar-inverse navbar-embossed">
			<div class="navbar-header">
				<button data-target="#bs-example-navbar-collapse-11"
					data-toggle="collapse" class="navbar-toggle" type="button">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">Flat UI</a>
			</div>
			<div id="bs-example-navbar-collapse-11"
				class="collapse navbar-collapse">
				<p class="navbar-text">Signed in as Mark Otto</p>
			</div>
		</nav>
		<nav role="navigation" class="navbar navbar-default navbar-lg">
			<div class="navbar-header">
				<button data-target="#bs-example-navbar-collapse-12"
					data-toggle="collapse" class="navbar-toggle" type="button">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">Flat UI</a>
			</div>
			<div id="bs-example-navbar-collapse-12"
				class="collapse navbar-collapse">
				<p class="navbar-text">Signed in as Mark Otto</p>
			</div>
		</nav>
		<nav role="navigation"
			class="navbar navbar-inverse navbar-embossed navbar-lg">
			<div class="navbar-header">
				<button data-target="#bs-example-navbar-collapse-13"
					data-toggle="collapse" class="navbar-toggle" type="button">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">Flat UI</a>
			</div>
			<div id="bs-example-navbar-collapse-13"
				class="collapse navbar-collapse">
				<p class="navbar-text">Signed in as Mark Otto</p>
			</div>
		</nav>
		<br>
		<h6>Non-nav links</h6>
		<nav role="navigation" class="navbar navbar-default">
			<div class="navbar-header">
				<button data-target="#bs-example-navbar-collapse-14"
					data-toggle="collapse" class="navbar-toggle" type="button">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">Flat UI</a>
			</div>
			<div id="bs-example-navbar-collapse-14"
				class="collapse navbar-collapse">
				<p class="navbar-text navbar-right">
					Signed in as <a class="navbar-link" href="#">Mark Otto</a>
				</p>
			</div>
		</nav>
		<nav role="navigation" class="navbar navbar-inverse navbar-embossed">
			<div class="navbar-header">
				<button data-target="#bs-example-navbar-collapse-15"
					data-toggle="collapse" class="navbar-toggle" type="button">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">Flat UI</a>
			</div>
			<div id="bs-example-navbar-collapse-15"
				class="collapse navbar-collapse">
				<p class="navbar-text navbar-right">
					Signed in as <a class="navbar-link" href="#">Mark Otto</a>
				</p>
			</div>
		</nav>
		<nav role="navigation" class="navbar navbar-default navbar-lg">
			<div class="navbar-header">
				<button data-target="#bs-example-navbar-collapse-16"
					data-toggle="collapse" class="navbar-toggle" type="button">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">Flat UI</a>
			</div>
			<div id="bs-example-navbar-collapse-16"
				class="collapse navbar-collapse">
				<p class="navbar-text navbar-right">
					Signed in as <a class="navbar-link" href="#">Mark Otto</a>
				</p>
			</div>
		</nav>
		<nav role="navigation"
			class="navbar navbar-inverse navbar-embossed navbar-lg">
			<div class="navbar-header">
				<button data-target="#bs-example-navbar-collapse-17"
					data-toggle="collapse" class="navbar-toggle" type="button">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">Flat UI</a>
			</div>
			<div id="bs-example-navbar-collapse-17"
				class="collapse navbar-collapse">
				<p class="navbar-text navbar-right">
					Signed in as <a class="navbar-link" href="#">Mark Otto</a>
				</p>
			</div>
		</nav>

		<div class="row">
			<div class="col-md-12">
				<nav class="navbar navbar-inverse" role="navigation">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target=".navbar-collapse-01">
							<span class="sr-only">Toggle navigation</span> <span
								class="icon-bar"></span> <span class="icon-bar"></span> <span
								class="icon-bar"></span>
						</button>
					</div>
					<div class="collapse navbar-collapse navbar-collapse-01">
						<ul class="nav navbar-nav navbar-left">
							<li class="active"><a href="index.html">Home</a></li>
							<li class="dropdown"><a href="#fakelink"
								class="dropdown-toggle" data-toggle="dropdown"> Club/Plan
									Setup <span class="caret"></span>
							</a>
								<ul class="dropdown-menu">
									<li><a href="#fakelink">Configure Clubs</a></li>
									<li><a href="#fakelink">Configure Feature Plans</a></li>
								</ul> <!-- /Sub menu --></li>
							<li class="dropdown"><a href="#fakelink"
								class="dropdown-toggle" data-toggle="dropdown"> Promo Setup
									<span class="caret"></span>
							</a>
								<ul class="dropdown-menu">
									<li><a href="#fakelink">View Promo List</a></li>
									<li><a href="#fakelink">Add Edit Promo</a></li>
									<li><a href="#fakelink">Promo Details</a></li>
								</ul> <!-- /Sub menu --></li>
							<li class="dropdown"><a href="#fakelink"
								class="dropdown-toggle" data-toggle="dropdown"> Reporting <span
									class="caret"></span>
							</a>
								<ul class="dropdown-menu">
									<li><a href="#fakelink">Analytics</a></li>
									<li><a href="#fakelink">Sales Report</a></li>
								</ul> <!-- /Sub menu --></li>
							<li><a href="#fakelink">Branding</a></li>
							<li><a href="#fakelink">Sales Customization</a></li>
							<li><a href="#fakelink">Tools</a></li>
						</ul>
					</div>
					<!--/.nav -->
				</nav>
			</div>
		</div>

	</div>
	<!-- /.container -->


	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="../../dist/js/vendor/jquery.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="../../dist/js/flat-ui.min.js"></script>

	<script src="../assets/js/application.js"></script>


</body>
</html>
